<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<button onclick="checkLoad()">检测文档加载完毕</button>
<script>
    /*
        1. document.readyState属性
            - 表示文档是否加载完毕
            - 返回值
                - loading
                - complete
               
     */
    function checkLoad(){
        if(document.readyState === 'complete'){
            console.log('文档加载完毕了')
        }else {
            console.log('加载中...')
        }
    }
    
    /*
        2. document.compatMode
            标准模式下 document.compatMode 的值是"CSS1Compat"，
            而在混杂模式下， document.compatMode 的值是"BackCompat"
     */
    console.log(document.compatMode)
    
    /*
        3.document.head
     */
    console.log(document.head)
</script>
</body>
</html>